﻿@model SocialPhotos.Widgets.TopRatePhotos.PhotoTopRateViewModel
           
<div class="art-post">
    <div class="art-post-body">
        <div class="art-post-inner art-article">
            <div class="art-postmetadataheader">
                <h2 class="art-postheader"><img src="images/postheadericon.png" width="26" height="26" alt="" />@Model.ModuleHeader</h2>
            </div>
            <div class="art-postcontent">
                <div class="wrapper">
                    
                    @{
                        var i = 1;
                        foreach (var item in Model.Photos)
                        {
                            var style = "left" + i;
                            
                            <div class="@style">
                               <img src="@item.FileName" alt="@Href(@item.FileName)"  class="ImageThumnail" />
                               <div class="ImageDescription">Rating: @item.Likes/@item.DisLikes</div>
                               <div class="ImageDescription">Category: @item.Category.Name</div>
                               <div class="ImageDescription">Author: @item.User.Name</div>
                            </div>
                            i++;
                            if (i > 3) {
                                i = 1;
                                @:</div><div class="wrapper">
                            }
                        }
                    }
                    </div>
            </div>
            <div class="cleared">
            </div>
        </div>
        <div class="cleared">
        </div>
    </div>
</div>